<template>
  <div class="dashboard-container">
    <father-com :aaa="count" :bbb="obj" />
    <!-- <father-comv :aaa="count" :bbb="obj" /> -->
  </div>
</template>

<script>
// import { mapGetters } from 'vuex'
// import FatherCom from './native/FatherCom .vue'
// import FatherComv from './sync/FatherComv.vue'
import FatherCom from './slot/FatherCom.vue'

export default {
  name: 'Dashboard',
  // components里面的组件,都是当前组件的子组件
  components: {
    FatherCom
    // FatherComv
  },
  // data数据为什么必须是一个函数返回一个对象:如果一个组件使用多次,那么他们每次初始化的时候,都会有函数返回一个新地址的对象,组件之间互不影响
  // data必须是一个函数,每次使用返回新的值,不然的话会和别的组件相互影响
  data() {
    return {
      count: 10,
      obj: { name: '张三' }
    }
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
